<!-- 定义网页根元素为html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 在浏览器标签栏出现公司LOGO -->
		<link rel="icon" href="../img/tit.png" />
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>一、表单-项目开发必用</h2>
		<form action="tit.html">
			用户名<input type="text" placeholder="请输入用户名"/>
			<br/><!-- 换行 -->
			密码<input type="password" />
			<br/>
			生日<input type="date"/> 
			<br />
			性别<input type="radio" name="gender"/>男 
				<input type="radio" name="gender"/>女
			<br />
			籍贯<select>
				<option>河北</option>
				<option>山西</option>
				<option>辽宁</option>
				<option>上海</option>
			<br/>
			爱好<input type="checkbox" />打游戏
				<input type="checkbox" />看剧
				<input type="checkbox" />旅游
				<input type="checkbox" />骑行
			<br />
			照片<input type="file" />
			备注<textarea placeholder="多行文本框" cols="50" rows="20"></textarea>
			<br />
			<input type="submit" value="注册"/>
			<input type="reset" value="充填"/>
		</form>
		<h2>二、超链接</h2>
		<a href="https://www.tit.edu.cn/">太原工业学院</a>
		<a href="tit.html">tit</a>
		<h2>三、图片</h2>
		<img src="../img/1.JPG" width="80px"/>
		<h2>四、表格</h2>
		<table border="1px" width="500px">
			<tr>
				<td>车次</td>
				<td>出发站</td>
				<td>历时</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时15分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时15分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
			<tr>
				<td>G601</td>
				<td>太原南</td>
				<td>2小时15分</td>
				<td>
					<button>预定</button>
				</td>
			</tr>
		</table>
		<h2>五、DIV使用</h2>
		<div>
			太原工业学院、太原科技大学.......
			<br />
			DIV是用来放东西的，放什么由程序员自己定
			<br />
			<img src="../img/1.JPG" width="100" />
		</div>
		<h2>六、span的用法</h2>
		<input type="text"/> <span style="color: red">用户名不能为空</span>
		<h2>七、列表-有序列表、无序列表</h2>
		<ul><!-- 无序列表 -->
			<li>数据科学与大数据技术</li>
			<li>软件工程专业</li>
			<li>物联网工程专业</li>
		</ul>
		<ol><!-- 有序列表 -->
			<li>数据科学与大数据技术</li>
			<li>软件工程专业</li>
			<li>物联网工程专业</li>
		</ol>
	</body>
</html>